/**
 * Created by mac on 2018/1/12.
 */
import React, { Component } from 'react';

import {View, Text, StyleSheet} from 'react-native';

import Basic from './demo/Basic';
import Basic1 from './demo/Basic1';
import Basic2 from './demo/Basic2';
import Basic3 from './demo/Basic3';
import Basic4 from './demo/Basic4';

export default class SearchBar_Demo extends Component{
    constructor(props) {
        super(props);
    }

    render(){

        return(
            <View>
                <Text style={styles.text}>搜索栏</Text>
                <Basic/>
                <Text style={styles.text}>搜索栏 - 左侧返回按钮</Text>
                <Basic4/>
                <Text style={styles.text}>搜索栏 - 无左侧图标</Text>
                <Basic1/>
                <Text style={styles.text}>搜索栏 - 无语音图标</Text>
                <Basic2/>
                <Text style={styles.text}>搜索栏 - 不可编辑</Text>
                <Basic3/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    text: {
        fontSize: 14,
        color: '#333333',
        paddingTop: 10,
        paddingBottom: 10,
        paddingLeft: 14,
        backgroundColor: '#F5F7F9',
    },
});
